<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
    <link
      rel="stylesheet"
      href="../project02-code/assets/lib/toastr/toastr.min.css"
    />
  </head>
  <body>
    <script src="../project02-code/assets/lib/jquery-3.6.0.min.js"></script>
    <script src="../project02-code/assets/lib/toastr/toastr.min.js"></script>
    <!-- 提交插件的配置文件 -->
    <script src="../project02-code/assets/utils/toastr.js"></script>

    <script>
      //配置 （由于项目中所有的html页面，都需要这个提示工具，所以可以把配置放到单独的js文件中）
      // toastr.options = {
      //   positionClass: 'toast-top-center', // 提示框位置，这里填类名
      //   showDuration: '300', // 提示框渐显所用时间
      //   hideDuration: '300', // 提示框隐藏渐隐时间
      //   timeOut: '2000', // 提示框持续时间
      // }
      // 使用
      // toastr.info('这是一个普通的提示！')
      toastr.success('这是一个普通的提示！')
      // toastr.error('这是一个错误的提示！')
      // toastr.warning('这是一个警告的提示！')
    </script>
  </body>
</html>
